<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>未结算登录</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/nosettl.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="top">
					<div class="top-header clearfix">
						<div class="top-span clearfix">
						   <div class="top-r fl">
								<a href="regedit.html"><span>注册</span></a>
								<a href="nosettl.html"><span>登录</span></a>
								<a href="viplogin.html"><span style="border-right: none;">vip登录</span></a>
						   </div>
						   <ul class="fr">
								<li>
									<a href="cart.html"> 商家入驻 </a>
								</li>
								<li>
									<a href="details.html"> 我的订单 </a>
								</li>
								<li>
									<a href="cart.html" style="border-right: none;">
										<i class="iconfont icon-gouwuche1"><span>(0)</span></i>
									</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<div class="search">
					<div class="logo">
						<a href="index.html"><img src="img/LOGO.png"/></a>
					</div>
					<div class="search-box">
						<form action="#">
							<input type="text" placeholder="search" />
							<!--<input type="image" src="img/search.png" />-->
							<a href="#"><i class="iconfont icon-sousuo"></i></a>
						</form>
						<div>
							<ul>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
							</ul>
						</div>
					</div>
				</div>
			</header>
			<!--导航栏-->
			<div class="setion">
				<div class="setion-nav clearfix"> 
					<ul class="clearfix">
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">木工</a>
							<div class="setion-ul-box">
								<div class="setion-ul-content clearfix">
									<div class="setion-text fl">
										<ul class="fl">
											<li class="title">板材</li>
											<li><a href="#">装饰面板</a></li>
											<li><a href="#">宝丽版</a></li>
											<li><a href="#">三聚氰胺版</a></li>
											<li><a href="#">铝朔版</a></li>
											<li><a href="#">多层版</a></li>
											<li><a href="#">中纤版</a></li>
											<li><a href="#">细木工板</a></li>
											<li><a href="#">刨花版</a></li>
										</ul>
										<ul class="setion-text2 fl">
											<li><a href="#">欧松板</a></li>
											<li><a href="#">防火板</a></li>
											<li><a href="#">密度板</a></li>
											<li><a href="#">其他板材</a></li>
										</ul>
									</div>
									<div class="text2 fl">
										<ul>
											<li class="title">地板</li>
											<li><a href="#">实木地板</a></li>
											<li><a href="#">实木复合地板</a></li>
											<li><a href="#">强化复合地板</a></li>
											<li><a href="#">竹地板</a></li>
											<li><a href="#">软木地板</a></li>
											<li><a href="#">塑料地板</a></li>
											<li><a href="#">PVC地板</a></li>
											<li><a href="#">其他地板</a></li>
										</ul>
									</div>
									<div class="setion-text fl">
										<ul class="fl">
											<li class="title">木线</li>
											<li><a href="#">普通龙骨</a></li>
											<li><a href="#">精品龙骨</a></li>
											<li><a href="#">顶线</a></li>
											<li><a href="#">门线</a></li>
											<li><a href="#">角线</a></li>
											<li><a href="#">木方线</a></li>
											<li><a href="#">收口线</a></li>
											<li><a href="#">花木线</a></li>
										</ul>
										<ul class="setion-text2 fl">
											<li><a href="#">踢脚线</a></li>
											<li><a href="#">定制木线</a></li>
											<li><a href="#">其它木线</a></li>
										</ul>
								    </div>
								    <div class="setion-text fl">
										<ul class="fl">
											<li class="title">地板配件</li>
											<li><a href="#">地板钉</a></li>
											<li><a href="#">扣条</a></li>
											<li><a href="#">地垫</a></li>
											<li><a href="#">地板蜡</a></li>
											<li><a href="#">地板清洁剂</a></li>
											<li><a href="#">底板防水油</a></li>
											<li><a href="#">地板修补剂</a></li>
											<li><a href="#">甲醇清除剂</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">地板安装工具</a></li>
											<li><a href="#">其他地板配件 </a></li>
										</ul>
								    </div>
								    <div class="text2 fl">
										<ul>
											<li class="title">吊顶钢龙骨</li>
											<li><a href="#">吊筋</a></li>
											<li><a href="#">吊钢</a></li>
											<li><a href="#">轻钢龙骨</a></li>
											<li><a href="#">扣板龙骨</a></li>
											<li><a href="#">铝合金龙骨</a></li>
											<li><a href="#">其它吊件</a></li>
										</ul>
								    </div>
								    <div class="setion-text4 fl">
										<ul class="fl">
											<li class="title">木工类五金</li>
											<li><a href="#">拉手</a></li>
											<li><a href="#">锁</a></li>
											<li><a href="#">合页</a></li>
											<li><a href="#">铰链</a></li>
											<li><a href="#">插销</a></li>
											<li><a href="#">门夹</a></li>
											<li><a href="#">碰珠</a></li>
											<li><a href="#">脚轮</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">闭门器</a></li>
											<li><a href="#">地弹簧</a></li>
											<li><a href="#">吊轮</a></li>
											<li><a href="#">导轨</a></li>
											<li><a href="#">螺栓</a></li>
											<li><a href="#">钉</a></li>
											<li><a href="#">角码</a></li>
											<li><a href="#">螺母</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">围网</a></li>
											<li><a href="#" style="width: 84px;">其他木工五金</a></li>
										</ul>
								    </div>
							</div>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">泥水工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">油漆工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">水电工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">门窗/其他</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">装修工具</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">消费工具</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">建筑防护</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">精细化学品</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">定制/非标准</a>
						</li>
					</ul>
				</div>
			</div>
			<!--内容-->
			<div class="content">
				<div class="shopping_car">
					<div class="shopping_settle">
						<div class="login_settle">
							<div class="hight"><h2>我的购物车</h2></div>
							<p class="good_price">VIP平时享受正价九折优惠</p>								
							<form action="" method="post">
							<ul>
								<li>
									<h2>登录结算</h2>
								</li>
								<li>
									<p>邮箱/手机</p>
									<input type="text" name="" id="" value="" />
									<div class="number_error_msg">
									<p>
										<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
										</span>
										<span style="font-size: 12px; color: red; vertical-align: middle;">邮箱/手机号码格式不正确，请重新输入</span>
									</p>
										
									</div>

								</li>
								<li>
									<p>密码</p>
									<input type="password" name="" id="" value="" />
									<div class="pw_error_msg">
										
										<p>
											<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
											</span>
											<span  style="font-size: 12px; color: red; vertical-align: middle;">密码输入错误</span>
										</p>
									</div>
									
								</li>
								
								<li>
									<input type="button" id="" value="登录" />		
								</li>
								<li class="cls_bottom" style="padding-bottom: 0px;">
									<span>
										
										<input type="checkbox" name="" id="pw" value="" />
										<label for= "pw">
										记住密码
										</label>
									</span>
									<span class="fg_pw">
										<a href="#">忘记密码</a>
									</span>
								</li>
							</ul>

							</form>
						
						</div>
						<div class="visitor_settel">
							<form action="" method="post">
							<ul>
								<li>
									<h2>游客结算</h2>
								</li>
								<li>
									<p>邮箱</p>
									<input type="text" name="" id="" value="" />
									<div class="em_error_msg">
										
									<p>
										<span>
											<img src="img/error.png"  style="width: 14px; height: 14px; vertical-align: middle;"/>
										</span>
										<span  style="font-size: 12px; color: red; vertical-align: middle;">邮箱格式不正确，请重新输入</span>
									</p>
										
									</div>

								</li>
								<li >
									<input class="margin_top32" type="button" id="" value="登录" />		
								</li>
								<li class="cls_bottom" style="padding-bottom: 0px;">
									<span>
										<input type="checkbox" name="" id="take" value="" />
										<label for="take">接受最新的产品和活动信息</label>
										
									</span>
								</li>
								
								
							</ul>
							</form>
								
						</div>
						<div class="shopping_step">
							
						
						<table border="0" cellspacing="" cellpadding="">
							<tr>
								<th>轻松<b>3</b>步完成购买</th>
							</tr>
							<tr>
								<td><a href="#">1.配送地址</a></td>
								<td><a href="#">2.支付方式</a></td>
								<td><a href="#">3.订单确认</a></td>
							</tr>
						</table>
						</div>
					</div>
					<div class="shopping_goods">
						<ul>
							<li class="size20">
								
									<span >我的购物车</span>
									 <span class="fr">修改</span>         
								
							</li>
							<li >
								<div class="goods">
										<ul>
											<li>
												<img src="img/nosettl1.jpg"/>
											</li>
											<li>
												<p class="bottom30">商品名称</p>
												<p>
													<span class="chang_color">颜色 :</span>
													<span>白色</span>
												</p>
												<p>
													<span class="chang_color">规格 :</span>
													<span>规X规格</span>
												
												</p>
												<p class="chang_color">
													<span>货号 :</span>
													<span>NH12345678</span>
												</p>
												<p>
													<span>数量:</span>
													<span>1</span>
												</p>
												<p>
													<span>价格</span>
													<span>￥150.00</span>
													
												</p>
											</li>
										</ul>
									</div>
							
							</li>
						</ul>
						<ul>
							
							<li >
								<div class="goods">
										<ul>
											<li>
												<img src="img/nosettl1.jpg"/>
											</li>
											<li>
												<p class="bottom30">商品名称</p>
												<p>
													<span class="chang_color">颜色 :</span>
													<span>白色</span>
												</p>
												<p>
													<span class="chang_color">规格 :</span>
													<span>规X规格</span>
												
												</p>
												<p class="chang_color">
													<span>货号 :</span>
													<span>NH12345678</span>
												</p>
												<p>
													<span>数量:</span>
													<span>1</span>
												</p>
												<p>
													<span>价格</span>
													<span>￥150.00</span>
													
												</p>
											</li>
										</ul>
									</div>
							
							</li>
						</ul>
						
							
						
						<ul class="order_total">
							<li>
								<p>
									<span>商品金额</span>
									<span class="fr">￥900.00</span>
								</p>
								<p>
									<span >优惠</span>
									<span class="chang_color fr">-￥0.00</span>
								</p>
								<p style="padding-bottom: 30px;">
									<span>运费</span>
									<span class="fr">￥0.00</span>
									
								</p>
								</li>
								<p style="font-size: 20px;">
									<span>订单金额</span>
									<span class="fr">￥900.00</span>
								</p>
							
						</ul>
						
					</div>
			</div>
				
				
			</div>
			<!--脚部-->
			<footer>
				<div class="footer-title">
					<div class="footer-ul clearfix">
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/you.jpg"/>
									</a>
								</li>
								<li>
									<h4>品质保障</h4>
									<span>品质保证 购物无忧</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/te.jpg"/>
									</a>
								</li>
								<li>
									<h4>特色服务</h4>
									<span>针对户型 私人定制</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/sheng.jpg"/>
									</a>
								</li>
								<li>
									<h4>全网最低</h4>
									<span>厂家直销 低价承诺</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/usre.jpg"/>
									</a>
								</li>
								<li>
									<h4>帮助中心</h4>
									<span>您的购物指南</span>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<!--链接-->
				<div class="footer-link">
					<div class="link-box clearfix">
						<div class="footer-link-ul fl">
							<ul>
								<h4>新手指南</h4>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">购物流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>支付方式</h4>
								<li><a href="#">支付宝</a></li>
								<li><a href="#">微信</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>物流配送</h4>
								<li><a href="#">配送方式</a></li>
								<li><a href="#">服务流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>客服中心</h4>
								<li><a href="#">在线客服</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</div>
						<div class="footer-code">
							<ul>
								<li>扫一扫，关注鲁班兄弟</li>
								<li><img src="img/code.png"/></li>
							</ul>
						</div>
					</div>
				</div>
			</footer>
			<!--版权-->
			<div class="bottom">
				<div class="copyright">
					<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">法律说明</a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
